<template>
	<view >
		<view class="formModel">
			<view class="cu-form-group">
				<view class="title">受理状态</view>
				<input disabled="true"  :placeholder="data.handheld_terminal_state>0?'已受理':'未受理'"  name="input"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">养殖场名</view>
				<input disabled="true"  :placeholder="data.handheld_terminal_name"  name="input"></input>
			</view>
		<view class="cu-form-group">
			<view class="title">负责人</view>
			<input disabled="true"  :placeholder="data.handheld_terminal_person_in_charge"  name="input"></input>
		</view>
		<view class="cu-form-group">
			<view class="title">上传设备</view>
			<input disabled="true"  :placeholder="data.handheld_terminal_brand"  name="input"></input>
		</view>
		<view class="cu-form-group">
			<view class="title">上传时间</view>
			<input disabled="true"  :placeholder="data.handheld_terminal_time"  name="input"></input>
		</view>
		<view class="cu-form-group">
			<view class="title">联系电话</view>
			<input disabled="true" type="number"  :placeholder="data.handheld_terminal_phone"  name="input"></input>
		</view>
		<view class="cu-form-group">
			<view class="title">备用电话</view>
			<input disabled="true" type="number"  :placeholder="data.handheld_terminal_standby_phone"  name="input"></input>
		</view>
		<view class="cu-form-group">
			<view class="title">详细地址：</view>
		</view>
		<view class="cu-form-group ">
			<textarea maxlength="-1" disabled="true"  :placeholder="data.handheld_terminal_address"></textarea>
		</view>
		<view class="cu-form-group">
			<view class="title">备注信息：</view>
		</view>
		<view class="cu-form-group ">
			<textarea maxlength="-1" disabled="true"  :placeholder="data.handheld_terminal_remarks"></textarea>
		</view>
		<view class="imageUp">
			<view class="cu-bar bg-white" style="justify-content: space-between;margin-top:5rpx">
				<view class="action">
					疫情图片
				</view>
				<view class="action" style="font-size: 30rpx;">
				</view>
			</view>
			<view class="cu-form-group">
				<view class="grid col-4 grid-square flex-sub">
					<view class="bg-img"  @tap="ViewImage" v-for="(item,index) in imgList" :key="index" >
					 <image :src="imgList[index]" mode="aspectFill"></image>
					</view>
				</view>
			</view>
		</view>
	</view>
	</view>
</template>
<script>
	
	export default {
		data() {
			return {
				data:[],
				imgList:[]
			};
		},
		onLoad() {
			this.getData();
		},
		methods:{
			//
			getData(){
				this.data  = uni.getStorageSync('epidemicDetail');
				this.imgList = this.data.handheld_terminal_picture.split(",");
			},
			//预览图片
			ViewImage(e) {
				uni.previewImage({
					urls: this.imgList,
					current: e.currentTarget.dataset.url
				});
			},
		}
	}
</script>

<style lang="less" scoped>
@import "../../../../common/colorui/main.css";
@import "../../../../common/colorui/icon.css";
@import "../../../../common/global.less";
page{ }
.mapText{ font-size: 28upx;}
.RadioStyle{ 
	radio{
		margin-right: 10rpx;
		font-size: 30rpx;
		}
	}
.bottomModel{
margin-top: 50rpx;
// .butStyle{font-size: 30rpx; border-radius: 90rpx;width: 600rpx; height:80rpx;line-height: 80rpx;color:#FFFFFF; background-color:@maincolor;}
}
.formModel{
background-color:@backcolorthree;
border-bottom:2rpx solid #eaeaea;
.cu-form-group {
.title {min-width: calc(4em + 15px);}		
}
}

</style>
